Sidebar overflow CSS cutting off menus

I have seen this on some contributed themes but I haven't had time to actually track down what is causing it. If anyone figures it out please do let us know.

Here is another related issue, I think, for another theme (Barlow.) Just wanted to keep track of them.

http://drupal.org/node/188118

Hey!

I'm the maintainer of the Sky theme :)

I just looked into this issue, and in the Sky theme specifically, it is caused by overflow:hidden; in two places:

#sidebar {
margin-left:10px;
overflow:hidden;
padding:15px 0pt 0pt;
width:230px;
}

#sidebar .block {
margin:0pt 0pt 15px;
overflow:hidden;
padding:0pt;
width:230px;
}

Removing the overflow in both of those classes fixes the problem in Firefox for both right sidebar and left sidebar layouts for the Sky theme.

These two classes are in there to make sure the layout stays intact, regardless of what is put inside the sidebar. If something larger than the sidebar gets put in, and the overflow class is not there, the sidebar will drop below the content. For that reason, I'm hesitant to remove it, but anyone who wants to use the two modules together can easily remove it on their own.

I hope that helps :)

Jacine

Thanks for your help.
You're right: when a drop the overflow:hidden;, the sidebar goes at bottom of the page...
A tricky solution is to replace the "overflow" propriety by a "float" in order to keep the sidebar in place...

I'm going to change the title to be more specific and switch to theme compat.

Also to note in the Barlow theme the issue is caused by:

typography.css having overflow: hidden;
in both
.sidebar (line 189)
.sidebar .block .content (line 203)

I'm going to mark this by design since I can't see a way that Nice Menus can fix this and it needs to have overflow in order to work properly. This issue requires working with the theme in question as far as I can see. I have added the info here to an FAQ in the handbook and pointed to this issue.

I had this problem with the Mix and Match theme.

I use the Skinr module (http://drupal.org/project/skinr).

I set the option "Superfish menu styles" to "Vertical menu (for sidebar blocks)" and it working fine now :-)

Good luck